<div id="sysprop_grid">
	<yu-panel :title="$t('sysprop.xtcs')">
		<yu-xform v-model="formdata" related-table-name="filterTable" form-type="search">
			<yu-xform-group :column="4">
				<yu-xform-item :label="$t('sysprop.csm')" :placeholder="$t('sysprop.csm')" ctype="input" name="propName"></yu-xform-item>
				<yu-xform-item :label="$t('sysprop.csms')" :placeholder="$t('sysprop.csms')" ctype="input" name="propDesc"></yu-xform-item>
			</yu-xform-group>
		</yu-xform>
		<yu-toolBar>
			<el-button @click="addFilterRecord">{{ $t('sysprop.xz') }}</el-button>
			<el-button @click="lookuptableEditFn">{{ $t('sysprop.xg') }}</el-button>
			<el-button @click="dataFiltermultDeleteFn">{{ $t('sysprop.sc') }}</el-button>
		</yu-toolBar>
		<el-table-x ref="filterTable" :checkbox="true" :max-height="height" :data-url="serviceUrl" :table-columns="tableColumns"
		 @select="rowClickFn" @custom-row-click="detailFn">
		</el-table-x>
	</yu-panel>
	<el-dialog :center="true" :title="$t('sysprop.xtcs')" :visible.sync="dialogVisible" :close-on-click-modal="false">
		<el-form-x ref="datafilterForm" :group-fields="updateFields" :buttons="updateButtons" :disabled="formDisabled" label-width="80px"></el-form-x>
	</el-dialog>

	<el-dialog :center="true" :title="$t('sysprop.xtcsxq')" :visible.sync="detaildialogVisible" :close-on-click-modal="false">
		<el-form-x ref="detailForm" :group-fields="detailFields" :disabled="true" label-width="120px"></el-form-x>
	</el-dialog>



</div>